<template>
  <div class="loginmain">
    <LangSelect></LangSelect>
    <img :src="logoImg" :alt="logoTitle" class="loginmain_img" />
    <LoginInput :type="type"></LoginInput>
  </div>
</template>
<script>
export default {
  name: "LoginMain",
  data() {
    return {
      logoImg: "",
      logoTitle: "",
      type: 1,
    };
  },
  components: {
    LoginInput: () =>
      import(
        /* webpackChunkName: "loginInputs" */ "../../components/login/loginInputs.vue"
      ),
    LangSelect: () =>
      import(
        /* webpackChunkName: "langSelect" */ "../../components/common/langSelect.vue"
      ),
  },
};
</script>
<style lang="less">
@base: 23.44rem;
.loginmain {
  .loginmain_img {
    margin: 30 / @base auto;
    width: 300 / @base;
    height: 120 / @base;
  }
}
</style>
